<template>
    <div>
        <el-form-item :prop="item.name || ''" :label="item.label" v-bind="item.formItemProps || {}" ref="el-form-item">
            <template v-if="!mvalue">
                <div :class="textCss" >{{svalue}}</div>
            </template>
            <template v-else>
                <div :class="textCss" ><i class="el-icon-date el-icon-date-view-style"></i> {{svalue}}</div>
            </template>
        </el-form-item>
    </div>
</template>

<script>

import TextView from "./TextView";

/**
 * 日期组件的view组件
 * 
 */
export default {
    extends: TextView,
    name: "PopoDateView",
    created(){
    },
    methods: {
    }
};
</script>

<style scoped lang="scss">
@import "../../css/view_base";

.el-icon-date-view-style{
    color: #C0C4CC;
}
</style>